
.chat-main{
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow: hidden;
    justify-content:space-around;/*内部子元素在容器内均匀分布*/
}
.layui-layim-min{
    top: 42px;
}
.chat-main div:nth-of-type(1) {flex:0 0 6%;}
.chat-main div:nth-of-type(2) {flex:0 0 38%;}
.chat-main div:nth-of-type(3) {flex: 1;}
.chat-left{
	background:#2a2e32;
	padding-top:20px;
    text-align: center;
}
.chat-left span{
    display: block;
    height: 3rem;

}
.chat-left span i{
    color : #fff;
    font-size:1.2rem;
}
.chat-left span i:hover{
    color : #1E9FFF;
}
.chat-left span:last-child{
    position: fixed;
    bottom: 1rem;
    left: 1.8%;
    font-size:1.3rem;
    
}
.chat-left span:last-child i{
    margin:0 auto;
}
.chat-center{
	background: #e6e5e5;	
}
.on{
	display:block;
}


.chat-right{
	background: #f5f5f5;
}